ul,ol,li,dl,dd,dt{ list-style-type: none; line-height: normal;}
address,caption,cite,code,dfn,i,em,th,var{ font-style: normal; font-weight: normal;}
a{ text-decoration:none; color:#333;}
a:hover{ cursor: pointer; }
img{ border: 0; max-width: 100%;}
table{ border-collapse: collapse; border-spacing: 0;}
h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal;}
h1{ font-size: 36px;}
h2{ font-size: 24px;}
h3{ font-size: 22px;}
h4{ font-size: 18px;}
h5{ font-size: 14px;}
h6{ font-size: 12px;}
input,table,tr,td{ margin: 0; padding: 0; border: none;}
p{ margin: 0; padding: 0;}
button,table{ border: none; background: none; margin: 0; padding: 0;}
select{ margin: 0; padding: 0; outline: none;}
textarea{ border: 0; background: none; resize: none; outline: 0;}
input{ outline: 0; border: 0; background: none;}
button{ outline: none; border: 0; background: none;} 
._el{overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
._el2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
._el3{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
._el4{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
._el5{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
video{background:#000}
.container{ max-width:1230px; margin-right: auto; margin-left: auto; padding-left:15px; padding-right:15px;}


body{ overflow-x:hidden; overflow-y:auto;}
.ctext{ float:left; width:100%;}

.head{ position:fixed; left:0; top:0; background:#1c253f; z-index:16;  }
.head.active{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.head .logo{ float:left; line-height:0; margin:17px 0;}
.head .logo img{ max-width:none; height:30px;}

.head .tel{ float:right; color:#fff; font-size:14px; line-height:64px;display: flex; align-items: center; margin-right:25px;}
.head .tel img{ margin-right:10px; width:12px; height:14px;}
.head .lang{ float:right; color:#fff; font-size:12px; line-height:64px;}
.head .lang a{ display:inline-flex; color:#fff; font-size:14px;}
.head .lang a.on,
.head .lang a:hover{ color:#285DF2;}


.menu{ float:left; margin-left:50px;}
.menu ul{ float:left;}
.menu .nli{ float:left; position:relative;}
.menu .nli span{ float:left; position:relative;}
.menu .nli span:after{ float:left; width:100%; height:0; content:''; position:absolute; left:0; bottom:0; z-index:1; opacity:0.3; background:#285DF2;}
.menu .nli span a{ float:left; color:#fff; opacity:0.7; font-size:14px; line-height:64px; padding:0 15px; position:relative; z-index:3; font-family:"PingFang SC",'å¾®è½¯é›…é»‘','STHeiti','åŽæ–‡ç»†é»‘','sans-serif';}
.menu .nli span a:before{ float:left; width:0; height:2px; content:''; position:absolute; left:50%; bottom:0; z-index:3; background:#285DF2;
-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);
}
.menu .nli.active span:after{ height:100%;}
.menu .nli.active span a{ opacity:1; }
.menu .nli.active span a:before{ width:100%;}
.menu .nli:hover span:after{ height:100%;}
.menu .nli:hover span a{ opacity:1; }
.menu .nli:hover span a:before{ width:100%;}
.menu .sub{ display:none; float:left; position:absolute; left:0; top:100%; background:#1c253f; padding:16px 8px;width:660px;}
.menu .menu-popover-open{ display:block;}
.menu .sub dd{ float:left; width:20%;}
.menu .sub dd h1{ float:left; width:100%;}
.menu .sub dd h1 a{ float:left; width:100%; color:#fff; font-size:14px; line-height:30px; padding:0 8px;transition:none; -moz-transition:none;-webkit-transition:none;-o-transition:none;font-weight:bold;font-family:"PingFang SC",'å¾®è½¯é›…é»‘','STHeiti','åŽæ–‡ç»†é»‘','sans-serif';}
.menu .sub dd h5{ float:left; width:100%;}
.menu .sub dd h5 a{ float:left; min-width:86px; color:#fff; opacity:0.8; font-size:14px; line-height:26px; padding:2px 8px;transition:none;
-moz-transition:none; -webkit-transition:none; -o-transition:none;font-family:"PingFang SC",'å¾®è½¯é›…é»‘','STHeiti','åŽæ–‡ç»†é»‘','sans-serif';}
.menu .sub dd h5 a:hover{ background:rgba(255,255,255,0.05); opacity:1; color:#4866d4;}
.menu ._sub{ width:100% !important;}
.menu ._sub dd{ width:100%;}
.menu ._sub dd h5 a{ min-width:100%; padding:2px 2px !important; opacity:1; text-align:center;font-family:"PingFang SC",'å¾®è½¯é›…é»‘','STHeiti','åŽæ–‡ç»†é»‘','sans-serif';}
.menu ._sub dd h5 a:hover{ color:#4866d4;}
.menu ._sub2{ width:150px !important;left:0;}
.menu ._sub2 dd{ width:100%; text-align:center;}
.menu ._sub2 dd h5 a{ min-width:100%; opacity:1; text-align:left; padding:2px 7px !important;}
.menu ._sub2 dd h5 a:hover{ color:#4866d4;}
@media  screen and (max-width:1100px){
.menu{ margin-left:30px;}	
.menu .nli span a{ padding:0 12px;}
.head .tel{ margin-right:20px;}
.menu .sub{ width:600px;}
.menu ._sub dd h5 a{ padding:2px 2px !important;}
.menu ._sub2 dd h5 a{ padding:2px 4px !important;}

}

.xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding:50px 15px; display: none; z-index:15; background:#1C253F;}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #fff; opacity:0.7; font-size:14px; line-height:44px; padding:0 5px;font-family:"PingFang SC",'å¾®è½¯é›…é»‘','STHeiti','åŽæ–‡ç»†é»‘','sans-serif';}
.xialaph h4 i{ position:absolute; right:5px; top:0; color: #fff; opacity:0.7; font-size:18px; line-height:44px;}
.xialaph h4{ float: left; width: 100%; position: relative;}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity:0.2;}
.xialaph li:first-child h4::after{ display:none;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4:hover a{ opacity:1;}
.xialaph h5:hover a{ opacity:1;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #fff;opacity:0.2;}
.xialaph h5 a{ float: left; width:100%; color: #fff; opacity:0.7;  font-size: 14px; line-height: 40px; text-transform: uppercase; padding:0 5px;font-family:"PingFang SC",'å¾®è½¯é›…é»‘','STHeiti','åŽæ–‡ç»†é»‘','sans-serif';}
.xialaph h5 i{ position:absolute; right:5px; top:0; color: #fff; opacity:0.7; font-size:18px; line-height:40px;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff;opacity:0.2;}
.xialaph li:last-child h5::after{ display:none;}
.xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
.xialaph .ul3{ float:left; width:100%; padding-top: 12px; padding-bottom: 12px; position: relative;}
.xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff;opacity:0.2;}
.xialaph li:last-child .ul3::after{ display: none;}
.xialaph .ul3 li{ float:left; width:100%;}
.xialaph .ul3 li a{ float:left; width:100%; color: #fff; opacity:0.7; font-size:12px; line-height:24px; padding:0 15px; opacity:0.7;font-family:"PingFang SC",'å¾®è½¯é›…é»‘','STHeiti','åŽæ–‡ç»†é»‘','sans-serif';}
.xialaph .ul3 li a:hover{ opacity:1;}


.menuph{ display:none; float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin:14px 0;}
.menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 28px;}
.menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width:28px; height: 2px; background: #ffffff;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #ffffff;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -11px;}
.menuph .navbtn::before { top: 10px;}
.menuph .point.active .navbtn{ background: transparent;}
.menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}


@media  screen and (max-width:992px){
.menu{ display:none;}
.menuph{ display:block;}
.head .tel{ display:none;}	
.head .lang{ line-height:50px; margin-right:15px;}
.head .logo{ margin:10px 0;}




}

.pf_right{ float:left; width:60px; position:fixed; z-index:14; right:60px; bottom:30%; display:none;}
.pf_right ul{ float:left; width:100%;}
.pf_right ul li{ float:left; width:100%; position:relative; margin:2px 0;}
.pf_right ul li a{ float:left; width:100%; position:relative; z-index:6; background:#E1E6F7;transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;}
.pf_right ul li:hover a{background: #285DF2;}
.pf_right ul li a i{ float:left; width:100%; height:60px; line-height:0; text-align:center;}
.pf_right ul li a i img{ width:36px; height:36px; position:absolute; left:50%; top:50%; margin:-18px 0 0 -18px;}
.pf_right ul li a i .ico1{ opacity:1;}
.pf_right ul li a i .ico2{ opacity:0;}
.pf_right ul li:hover a i .ico1{ opacity:0;}
.pf_right ul li:hover a i .ico2{ opacity:1;}
.pf_right .pf_tel{ float:left; position:absolute; z-index:4; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); right:-300px; background:#285DF2; line-height:40px; color:#fff; font-size:16px; white-space:nowrap; padding:10px;}
.pf_right ul li:hover .pf_tel{ right:64px;}
.pf_right .pf_WeChat{ float:left; position:absolute; z-index:4; top:0; right:-300px; width:120px; line-height:0; background: #285DF2; padding:10px;}
.pf_right .pf_WeChat img{ width:100%;}
.pf_right ul li:hover .pf_WeChat{ right:64px;}
._hei{ width:100%; float:left; height:44px;}

@media  screen and (max-width:992px){
.pf_right{ width:100%; right:0; bottom:0;}
.pf_right ul li{ width:33.33%; margin:0; border-right:1px solid #fff;}
.pf_right ul li:nth-child(3){ border-right:none;}
/*.pf_right ul li:last-child{ display:none;}*/
.pf_right ul li.none{display:none;}
.pf_right ul li a i{ height:44px; }
.pf_right ul li a i img{ width:28px; height:28px; margin:-14px 0 0 -14px;}
.pf_right .pf_tel{ display:none !important;}

}



.footer{ background:#1c253f; padding-top:64px;}
.footer .container{ display: flex; justify-content: space-between; flex-wrap:wrap; }
._nav{ float:left; display:flex; flex-direction:column; padding-right:1%; }
._nav h4{ float:left; color:#fff; font-size:16px; line-height:26px; margin:9px 0 23px 0;}
._nav ul{ float:left; display:flex; flex-direction:column; }
._nav ul li{ float:left;}
._nav ul li a{ float:left; color:#fff; opacity:0.7; font-size:14px; line-height:36px;}
._nav ul li a:hover{ opacity:1;}
.weima{ float:left; display:flex; flex-direction:column; align-items:flex-end; }
.weima i{ float:left; line-height:0; display:block;}
.weima i img{ height:50px;}
.weima h6{ width:100%; background:rgba(255,255,255,0.2); padding:12px; display: flex; justify-content: space-between;  align-items: center; margin-top:20px; }
.weima h6 .li{ float:left; width:112px; position:relative;}
.weima h6 em{ float:left; line-height:0; display:block; position:relative; z-index:1; }
.weima h6 em img{ width:112px;}
.weima h6 .span{ color:#fff; font-size:16px; line-height:32px;width:132px; height:100%; background:#495165; position:absolute; left:100%; top:0; padding-left:20px; display:none; justify-content: center;  align-items: center; z-index:3;}
.weima h6 ._li .span{ padding:0 20px 0 0; left:auto; right:100%;}
.weima h6 .li:hover .span{ display:flex;}


.Copyright{width:100%; float:left; color:#fff; font-size:14px; line-height:24px; text-align:center; border-top:1px solid rgba(255,255,255,0.6); padding:35px 0; margin-top:58px; }
.Copyright a{ color:#fff;}
.Copyright a:hover{ color:#de0010;}

@media  screen and (max-width:1230px){
._nav ul li a{ font-size:13px;}


}
@media  screen and (max-width:992px){
.footer{ padding-top:20px;}	
.Copyright{ padding:15px 0; font-size:13px; line-height:24px; margin-top:20px;}
._nav h4{ font-size:14px; line-height:26px; margin:9px 0 10px 0; }
._nav ul li a{ line-height:26px;}
.weima i img{ height:40px;}
.weima h6{ margin-top:10px; padding:6px;}
.weima h6 .li{ width:90px;}
.weima h6 em img{ width:90px;}
.weima h6 .span{ font-size:13px; line-height:24px; padding-right:4px; padding-left:6px; width:114px;}
.weima h6 ._li .span{ padding:0 6px 0 0; left:auto; right:100%;}

}
@media  screen and (max-width:767px){	
._nav{ width:100%; padding-right:0;}
._nav h4{ background:rgba(255,255,255,0.1); padding:4px 12px; border-radius:3px; margin:5px 0; position:relative;}
._nav h4:after{ display:none;}
._nav h4:before{ float:left; width:10px; height:10px; content:''; position:absolute; right:12px; top:50%; border-top:1px solid #fff; border-right:1px solid #fff; opacity:0.5; transform:rotate(45deg); -ms-transform:rotate(45deg); margin-top:-6px; }
._nav ul{ display:none; padding:4px 15px;}
._nav ul li{ margin-right:15px;}
._nav ul li a{ font-size:12px;}
.weima{ margin-top:10px;}

}



.banner{ float:left; width:100%; line-height:0; position:relative; margin-top:64px;}
.slide_banner{ float:left; width:100%; position:relative; z-index:2; line-height:0;}
.slide_banner .slick-slide{ float:left; width:100%; position:relative;}
.slide_banner .slick-slide img{ width:100%;}
.slide_banner .slick-prev,
.slide_banner .slick-next{ width:48px; height:48px; border-radius:50%; position:absolute;}
.slide_banner .slick-prev{ left:7.3%; background:url(../_im_g/home_banner_left.png) center no-repeat; background-size:100% 100%;}
.slide_banner .slick-next{ right:7.3%; background:url(../_im_g/home_banner_right.png) center no-repeat; background-size:100% 100%;}
.slide_banner .slick-dots{ bottom:8px; display: flex; justify-content: center;}
.slide_banner .slick-dots li{ width:8px; height:8px; border-radius:8px; background:#fff; margin:0 2px; }
.slide_banner .slick-dots li.slick-active{ width:16px;}
@media  screen and (max-width:1230px){
.banner{ margin-top:50px;}	
.slide_banner .slick-prev,
.slide_banner .slick-next{ width:32px; height:32px; }
.slide_banner .slick-prev{ left:15px;}
.slide_banner .slick-next{ right:15px;}


}


.padd_td{ float:left; width:100%; padding-top:60px; padding-bottom:60px;}
._title_t{ float:left; width:100%; text-align:center; color:#0E1424; font-size:30px; line-height:30px;}
._title_p{ float:left; width:100%; text-align:center; color:#0E1424; font-size:36px; line-height:36px;}
._info_t{ float:left; width:100%; text-align:center; color:#0E1424; font-size:14px; line-height:24px; margin-top:10px; letter-spacing:1px;}
._title_d{ float:left; width:100%; text-align:center; color:#0E1424; font-size:24px; line-height:34px; margin-bottom:35px;}
._Button{ float:left; width:100%;display: flex;  justify-content: center;  align-items: center;}
._Button a{ float:left; width:180px; height:48px; line-height:46px; color:#285DF2; text-align:center; font-size:16px; border:1px solid #285DF2;transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;}
._Button a:hover{ background:#285DF2; color:#fff;}
._Button_white a{ color:#fff; border:1px solid #fff;}
._Button_white a:hover{ background:#fff; color:#285DF2;}
._white{/* color:#fff; */}
#human ._title_t{color:#fff;}
@media  screen and (max-width:992px){
.padd_td{ padding-top:25px; padding-bottom:30px;}	
._title_t{ font-size:18px; line-height:18px;}	
._title_p{ font-size:18px; line-height:18px;}
._info_t{ font-size:12px; line-height:20px;}
._title_d{ font-size:16px; line-height:26px; margin-bottom:15px;}	
._Button a{ width:120px; height:36px; line-height:34px; font-size:14px;}
}

._partner{ background:#f7f7f9;}
._partner .list{ float:left; width:100%; margin:60px 0;}
._partner .list ul{ margin:-20px; display:flex;flex-wrap:wrap;}
._partner .list ul li{ float:left; width:20%; line-height:0; padding:20px;}
._partner .list ul li a{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; min-height:100%; background:#fff; display:block; text-align:center;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
._partner .list ul li a:hover{ -webkit-transform:scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1); box-shadow:0 5px 10px rgba(0,0,0,0.2);}

@media  screen and (max-width:1230px){
._partner .list ul{ margin:-15px;}
._partner .list ul li{ padding:15px;}

}
@media  screen and (max-width:992px){
._partner .list{ margin:20px 0;}
._partner .list ul{ margin:-6px;}
._partner .list ul li{ padding:6px;}
._partner .list ul li a{ padding:5px;}
}
@media  screen and (max-width:767px){
._partner .list ul li{ width:33.33%;}
._partner .list ul li a:hover{ -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1); box-shadow:none;}


}



._about{/* background:#285df2; */overflow:hidden;}
._about .cont{ float:left; width:100%; margin:60px 0; display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
._about .cont .info{float:left;width:55%;/* color:#fff; */font-size:14px;line-height:24px; letter-spacing:1px;}
._about .cont .img{ float:right; width:51.6%; line-height:0; position:relative; margin:0 -16.6% 0 0;}
@media  screen and (max-width:767px){
._about .cont{ margin:10px 0 20px 0; position:relative;}	
._about .cont .info{ width:100%; position:relative; z-index:3;}
._about .cont .img{ display:none;}

}

._techn{}
._techn .list{ float:left; width:100%; margin:60px 0;}
._techn .list ul{ margin:-25px; display:flex;flex-wrap:wrap;}
._techn .list ul li{ float:left; width:25%; line-height:0; padding:25px;}
._techn .list ul li a{ float:left; width:100%;}
._techn .list ul li i{ float:left; width:100%; line-height:0; text-align:center;
-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;  
}
._techn .list ul li a:hover i{ transform:translateY(-12px); -ms-transform:translateY(-12px);}
._techn .list ul li i img{ width:140px; height:140px;}
._techn .list ul li h1{ float:left; width:100%; color:#0C132F; font-size:18px; line-height:26px; text-align:center; letter-spacing:1px; margin-top:4px;}
._techn .list ul li h6{ float:left; width:100%; color:#0E1424; font-size:12px; line-height:20px; margin-top:6px; letter-spacing:1px;}

@media  screen and (max-width:1230px){
._techn .list ul{ margin:-15px;}
._techn .list ul li{ padding:15px;}

}
@media  screen and (max-width:992px){
._techn .list{ margin:10px 0 20px 0;}
._techn .list ul{ margin:-6px;}
._techn .list ul li{ padding:6px;}
._techn .list ul li i img{ width:100px; height:100px;}
._techn .list ul li h1{ font-size:16px; line-height:24px;}
}
@media  screen and (max-width:767px){
._techn .list ul li{ width:50%;}


}

._busin{ background:#f7f7f9;}
._busin .list{ float:left; width:100%; margin:60px 0;}
._busin .list ul{ float:left; width:100%;}
._busin .list ul li{ float:left; width:25%;}
._busin .list ul li a{ float:left; width:100%; position:relative; overflow:hidden;}
._busin .list ul li .info{float:left; width:100%; height:420px; background:rgba(0,0,0,0.5); position:relative; z-index:4;display: flex;  justify-content: center;  align-items: center; flex-direction:column; text-align:center; padding:35px; }
._busin .list ul li .info i{ float:left; width:100%; line-height:0; text-align:center;}
._busin .list ul li .info img{ width:110px; height:110px;}
._busin .list ul li .info h1{ float:left; width:100%; color:#fff; font-size:24px; line-height:32px; margin-top:6px; letter-spacing:5px;}
._busin .list ul li .cont{ float:left; width:100%; height:100%; position:absolute; left:0; top:100%; z-index:3; padding:35px 8.3%; display: flex;  justify-content:space-between; flex-direction:column;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
._busin .list ul li .cont h2{ float:left; width:100%; color:#fff; font-size:24px; line-height:32px; letter-spacing:1px;  padding-bottom:5px; position:relative; }
._busin .list ul li .cont h2:after{ float:left; width:30px; height:2px; background:#fff; position:absolute; left:0; bottom:0; content:'';}
._busin .list ul li .cont h2 span{ float:left; width:100%;}
._busin .list ul li .cont h2 font{ float:left; width:100%; font-size:14px; line-height:24px; position:relative;}
._busin .list ul li .cont h6{ float:left; width:100%; color:#fff; font-size:12px; line-height:20px; letter-spacing:1px; }
._busin .list ul li .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;
/*-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; */ }
._busin .list ul li .bg_hover{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
._busin .list.on ul li{ width:12.5%;}
._busin .list.on ul li.active{ width:62.5%;}
._busin .list.on ul li.active .cont{ top:0;}
._busin .list.on ul li.active .info{ opacity:0;}
._busin .list.on ul li.active .bg{ opacity:0;}
@media  screen and (max-width:1230px){
._busin .list.on ul li{ width:19.5%;}
._busin .list.on ul li.active{ width:41.5%;}
._busin .list ul li .info img{ width:70px; height:70px;}
._busin .list ul li .info h1{ font-size:18px; line-height:26px;}
._busin .list ul li .cont h2{ font-size:18px; line-height:26px;}

}
@media  screen and (max-width:992px){
._busin .list{ margin:25px 0;}	
._busin .list ul li i img{ width:100px; height:100px;}
._busin .list ul li h1{ font-size:16px; line-height:24px;}
}
@media  screen and (max-width:767px){
._busin .list ul li{ width:100%;}
._busin .list ul li .info{ padding:15px; height:auto; min-height:240px; background:none; opacity:0;}
._busin .list ul li .info img{ width:50px; height:50px;}
._busin .list ul li .info h1{ font-size:16px; line-height:24px; letter-spacing:2px;}
._busin .list ul li .bg{ opacity:0;}
._busin .list ul li .cont{ padding:20px 15px; top:0; background:rgba(0,0,0,0.1);}
._busin .list ul li .cont h2{ font-size:16px; line-height:24px;}
._busin .list ul li .cont h2 font{ font-size:12px;}
._busin .list ul li .cont h6{ line-height:20px;}
._busin .list ul li .info i{ display:none;}
._busin .list.on ul li{ width:100%;}
._busin .list.on ul li.active{ width:100%;}

}

._Struct{ background:#f7f7f9;}
._Struct .list{ float:left; width:100%; margin:60px 0;}
._Struct .list ul{ display:flex;flex-wrap:wrap; margin:-18px;}
._Struct .list ul li{ float:left; width:33.33%; padding:18px;}
._Struct .list ul li a{ float:left; width:100%; position:relative; overflow:hidden;}
._Struct .list ul li a i{ float:left; width:100%; line-height:0; overflow:hidden; display:block;}
._Struct .list ul li a i img{ width:100%;}
._Struct .list ul li .info{ float:left; width:100%; position:absolute; left:0; top:50%; z-index:3; padding:44px 24px; background:rgba(0,0,0,0.5); transform:translateY(-50%); -ms-transform:translateY(-50%);display: flex;  justify-content: center;  align-items: center;
 flex-direction:column;}
._Struct .list ul li .info h1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; letter-spacing:1px; text-align:center;}
._Struct .list ul li .info h6{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; display:none; margin-top:16px;}
._Struct .list ul li a:hover .info{ top:0; height:100%; transform:translateY(0); -ms-transform:translateY(0);}
._Struct .list ul li a:hover .info h1{ margin:16px 0;}
._Struct .list ul li a:hover .info h6{ display:block;}

@media  screen and (max-width:1230px){
._Struct .list ul{ margin:-15px;}
._Struct .list ul li{ padding:15px;}	
._Struct .list ul li .info{ padding:30px 24px;}	
._Struct .list ul li .info h6{ margin-top:10px;}
._Struct .list ul li a:hover .info h1{ margin:10px 0;}
}
@media  screen and (max-width:992px){
._Struct .list{ margin:25px 0;}	
._Struct .list ul{ margin:-6px;}
._Struct .list ul li{ padding:6px;}	
._Struct .list ul li .info{ padding:15px 12px;}	
._Struct .list ul li .info h1{ font-size:16px; line-height:26px;}
._Struct .list ul li .info h6{ font-size:12px; line-height:20px; margin-top:2px;}
._Struct .list ul li a:hover .info h1{ margin:2px 0;}
}
@media  screen and (max-width:767px){
._Struct .list ul li{ width:100%;}
._Struct .list ul li .info{ top:0;height:100%; transform:translateY(0); -ms-transform:translateY(0);}
._Struct .list ul li .info h1{ margin:16px 0;}
._Struct .list ul li .info h6{ display:block;}

}

._people .list{ float:left; width:100%; margin-top:50px;}
._people .list ul{ margin:-20px; display:flex;flex-wrap:wrap;}
._people .list ul li{ float:left; width:25%; line-height:0; padding:20px;}
._people .list ul li a{ float:left; width:100%; position:relative; min-height:100%; display: flex;  justify-content:space-between;flex-direction:column;}
._people .list ul li i{ float:left; width:100%; display:block; overflow:hidden; line-height:0; text-align:center; margin-top:4px;}
._people .list ul li i img{ width:100%;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
._people .list ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._people .list ul li h1{ float:left; width:100%; color:#285DF2; font-size:18px; line-height:26px; text-align:center; letter-spacing:1px;}
._people .list ul li h6{ float:left; width:100%; color:#0E1424; font-size:12px; line-height:20px; opacity:0.85; margin:15px 0; } 
._people ._list ul li h1{ color:#fff;}
._people ._list ul li h6{ color:#fff;}


@media  screen and (max-width:1230px){
._people .list ul{ margin:-15px;}
._people .list ul li{ padding:15px;}

}
@media  screen and (max-width:992px){
._people .list{ margin-top:20px;}
._people .list ul{ margin:-6px;}
._people .list ul li{ padding:6px 10px;}
._people .list ul li h1{ font-size:16px; line-height:24px;}
._people .list ul li h6{ margin:5px 0 8px 0;}
._people .list ul li a:hover i img{ -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}

}
@media  screen and (max-width:767px){
._people .list ul li{ width:50%; padding:12px 10px;}


}


._news_l{ background:#f7f7f9;}
._news_l ul{ margin:-30px -20px; display:flex;flex-wrap:wrap;}
._news_l ul li{ float:left; width:50%; line-height:0; padding:30px 20px;}
._news_l ul li a{ float:left; width:100%; position:relative; min-height:100%; display: flex;  justify-content:space-between;flex-direction:column; background:#fff; padding:20px 20px 0 20px;}
._news_l ul li i{ float:left; width:100%; display:block; overflow:hidden; line-height:0; text-align:center; margin-top:4px;
-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;  
}
._news_l ul li i img{ width:100%;}
._news_l ul li h4{ float:left; width:100%; color:#0E1424; font-size:16px; line-height:26px;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
._news_l ul li time{ float:left; width:100%; color:#0E1424; font-size:12px; line-height:22px; opacity:0.6; margin:2px 0 7px 0;}
._news_l ul li h6{ float:left; width:100%; color:#0E1424; font-size:14px; line-height:24px; opacity:0.6; margin:15px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; } 
._news_l ul li h5{ float:left; width:100%; color:#0E1424; font-size:16px; line-height:26px; margin:10px 0;}
._news_l ul li em{ float:left; width:100%; height:1px; background:#dfdfe1;}
._news_l ul li a:hover h4{color:#285DF2;}
._news_l ul li a:hover h5{color:#285DF2;}

@media  screen and (max-width:1230px){
._news_l ul{ margin:-15px;}
._news_l ul li{ padding:15px;}

}
@media  screen and (max-width:992px){
._news_l ul{ margin:-6px;}
._news_l ul li{ padding:6px;}
._news_l ul li a{ padding:10px 10px 0 10px;}
._news_l ul li time{ margin:0 0 5px 0;}
._news_l ul li h4{ font-size:15px; line-height:24px;}
._news_l ul li h6{ margin:8px 0; font-size:13px; line-height:22px;}
._news_l ul li h5{ margin:8px 0; font-size:15px; line-height:24px;}
._news_l ul li em{ height:1px;}
._news_l ul li a:hover h4{color:#0E1424;}
._news_l ul li a:hover h5{color:#0E1424;}
}
@media  screen and (max-width:767px){
._news_l ul li{ width:100%;}


}

._slide{ float:left; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); text-align:center; z-index:3;}
._slide h1{ float:left; width:100%; color:#fff; font-size:40px; line-height:50px; letter-spacing:2px;}
._slide h6{ float:left; width:100%; color:#fff; font-size:30px; line-height:40px; letter-spacing:2px; opacity:0.8; margin-top:26px;}
@media  screen and (max-width:1230px){
._slide h1{ font-size:30px; line-height:40px;}
._slide h6{ font-size:20px; line-height:30px; margin-top:10px;}

}
@media  screen and (max-width:992px){
._slide h1{ font-size:20px; line-height:30px;}
._slide h6{ font-size:14px; line-height:24px; margin-top:4px;}

}
@media  screen and (max-width:767px){


}

._news_d{ background:#f7f7f9;}
._news_d .cont{ float:left; width:100%; background:#fff; padding:32px 100px 36px 100px; color:#0E1424; font-size:14px; line-height:28px;word-wrap:break-word;}
._news_d .cont a{ color:#0E1424;}
._news_d .cont h4{ float:left; width:100%; color:#0E1424; font-size:24px; line-height:34px;}
._news_d .cont time{ float:left; width:100%; color:#0E1424; font-size:16px; line-height:26px; opacity:0.8; margin-bottom:10px;}
._news_d .cont .img{ float:left; width:100%; line-height:0; margin-top:23px;}
._news_d .cont .info{ float:left; width:100%; color:#0E1424; font-size:20px; line-height:30px; text-align:center; margin:23px 0 19px 0;}
._news_d .cont .p{ float:left; width:100%; color:#0E1424; font-size:14px; line-height:28px;}

._news_d ._paging{ float:left; width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:60px;}
._news_d ._paging a{ float:left; width:48.5%; background:#fff;overflow:hidden;white-space: nowrap; text-overflow:ellipsis; color:#0E1424; font-size:16px; line-height:26px; padding:38px;}
._news_d ._paging a:hover{ color:#285DF2;}


@media  screen and (max-width:1230px){
._news_d .cont{ padding:32px 40px 36px 40px;}	
._news_d ._paging a{ padding:20px;}

}
@media  screen and (max-width:992px){
._news_d .cont{ padding:20px 15px; line-height:24px;}
._news_d .cont h4{ font-size:18px; line-height:28px;}
._news_d .cont time{ margin-bottom:6px;}
._news_d .cont .img{ margin-top:10px;}
._news_d .cont .info{ font-size:16px; line-height:26px; margin:15px 0 8px 0;}
._news_d .cont .p{ line-height:24px;}	
._news_d ._paging{ margin-top:25px;}
._news_d ._paging a{ padding:8px 15px; font-size:14px;}
._news_d ._paging a:hover{ color:#0E1424;}

}
@media  screen and (max-width:767px){
._news_d ._paging{ margin-top:15px;}	
._news_d ._paging a{ width:100%; margin-top:10px;}

}

._contact{ background:#f7f7f9; padding-bottom:60px;}
._contact .cont{ float:left; width:100%; background:#fff; z-index:4; position:relative; top:0; margin-top:-94px; padding:94px 100px 24px 100px;}
._contact .cont h1{ float:left; width:100%; text-align:center; color:#285DF2; font-size:36px; line-height:46px;}
._contact .cont dl{ float:left; width:100%; border-bottom:2px solid #CFD0D3; padding:43px 0 62px 0; display:flex; justify-content: space-between; flex-wrap:wrap; }
._contact .cont dl dd{ float:left; padding:0 30px; position:relative;}
._contact .cont dl dd:nth-child(2):after,
._contact .cont dl dd:nth-child(2):before{ float:left; width:1px; height:42px; content:''; position:absolute; top:5px; background:#CFD0D3;}
._contact .cont dl dd:nth-child(2):after{ left:-30px;}
._contact .cont dl dd:nth-child(2):before{ right:-30px;}
._contact .cont dl dd .dd{ float:left; position:relative; padding-left:60px; min-height:52px; display: flex;  flex-direction:column;
justify-content: center; }
._contact .cont dl dd:last-child .dd{ float:right;}
._contact .cont dl dd .dd img{ width:44px; height:44px; position:absolute; left:0; top:4px;}
._contact .cont dl dd h5{ color:#0E1424; font-size:18px; line-height:28px;}
._contact .cont dl dd h6{ color:#0E1424; font-size:12px; line-height:22px; opacity:0.7; margin-top:2px;}
._contact .cont .hd{ float:left; width:100%; text-align:center; color:#285DF2; font-size:36px; line-height:46px; margin-top:60px;}
._contact .cont .hd ul{ display:flex; flex-wrap:wrap; justify-content: space-between;}
._contact .cont .hd ul li{ float:left; width:22%; background:#e6e7e9; color:#0E1424; font-size:18px; line-height:30px; padding:15px; text-align:center; cursor:pointer;}
._contact .cont .hd ul li.on{ background:#285df2; color:#fff;}
._contact .cont .bd{ float:left; width:100%; margin-top:44px;}
._contact .cont .bd form{ float:left; width:100%; padding:0 45px;}
._contact .cont .bd h2{ float:left; width:100%; color:#0E1424; font-size:24px; line-height:34px; text-align:center; padding:0 18px;}
._contact .cont .bd h6{ float:left; width:100%; color:#0E1424; font-size:12px; line-height:22px; margin:38px 0 15px 0; padding:0 18px;}
._contact .cont .bd .lab{ float:left; width:100%; position:relative; padding-left:18px; margin-bottom:36px;}
._contact .cont .bd ._lab{ width:48%;}
._contact .cont .bd ._lab_r{ width:48%; float:right;}
._contact .cont .bd .fv{ float:left; width:100%; color:rgba(14,20,36,0.40); font-size:14px; line-height:24px; height:40px; border:1px solid #cfd0d3; background:#f7f7f9; padding:7px 15px; outline:none; appearance:none;-webkit-appearance:none;-moz-appearance:none;}
._contact .cont .bd textarea.fv{ height:80px;}
._contact .cont .bd .fv:focus{ border:1px solid #285DF2; color:#0D1329;}
._contact .cont .bd .fv.on{ color:#0D1329;}
._contact .cont .bd h5{ float:left; position:absolute; left:0; top:0; color:#eb0c06; font-size:18px; line-height:20px; font-weight:bold;}
._contact .cont .bd .sub{ display:block; margin:24px auto 0 auto; outline:none; width:220px; background:#9fa1a7; color:#fff; font-size:20px; line-height:60px; height:60px; border:none;}
._contact .cont .bd .sub:hover{ background:#285DF2; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
._contact .cont .bd h4{ display:none; float:left; width:100%; color:#E5392C; font-size:14px; line-height:20px; position:absolute; left:18px; top:100%; margin-top:4px;}

._contact .cont .bd ::-webkit-input-placeholder{color:rgba(14,20,36,0.40);}
._contact .cont .bd :-moz-placeholder{color:rgba(14,20,36,0.40);}
._contact .cont .bd ::-moz-placeholder{color:rgba(14,20,36,0.40);}
._contact .cont .bd :-ms-input-placeholder{color:rgba(14,20,36,0.40);}

@media  screen and (max-width:1230px){
._contact .cont{ margin-top:-45px; padding:94px 40px 84px 40px;}

}
@media  screen and (max-width:992px){
._contact{ padding-bottom:30px;}
._contact .cont{ margin-top:-20px; padding:20px 15px 0 15px;}
._contact .cont h1{ font-size:20px; line-height:30px;}
._contact .cont dl{ border-bottom:1px solid #CFD0D3; padding:10px 0 15px 0;}
._contact .cont dl dd{ padding:0 15px;}
._contact .cont dl dd .dd{ padding-left:32px; min-height:43px;}
._contact .cont dl dd:nth-child(2):after,
._contact .cont dl dd:nth-child(2):before{ height:32px; top:5px;}
._contact .cont dl dd:nth-child(2):after{ left:-30px;}
._contact .cont dl dd:nth-child(2):before{ right:-30px;}
._contact .cont dl dd .dd img{ width:24px; height:24px; top:10px;}
._contact .cont dl dd h5{ font-size:15px; line-height:23px;}
._contact .cont dl dd h6{ line-height:20px; }
._contact .cont .hd{ margin-top:20px;}
._contact .cont .hd ul li{ width:24%; font-size:14px; line-height:24px; padding:5px;}
._contact .cont .bd{ margin-top:20px;}
._contact .cont .bd form{ padding:0;}
._contact .cont .bd h2{ font-size:16px; line-height:24px; padding:0 14px;}
._contact .cont .bd h6{ margin:10px 0 8px 0; padding:0 14px;}
._contact .cont .bd .lab{ margin-bottom:32px; padding-left:14px;}
._contact .cont .bd .sub{ margin:10px auto 0 auto; width:160px;font-size:16px; line-height:44px; height:44px;}
._contact .cont .bd h4{ left:14px;}

}
@media  screen and (max-width:767px){
._contact .cont .hd ul li{ width:49%; margin-bottom:5px;}
._contact .cont .bd{ margin-top:15px;}
._contact .cont .bd ._lab{ width:100%;}
._contact .cont .bd ._lab_r{ width:100%;}
._contact .cont dl dd{ width:100%; margin:2px 0;}
._contact .cont dl dd:last-child .dd{ float:left;}
._contact .cont dl dd:nth-child(2):after,
._contact .cont dl dd:nth-child(2):before{ display:none;}

}



._probl ul{ float:left; width:100%; margin:60px 0;}
._probl li{ float:left; width:100%; margin-top:-1px;}
._probl li h4{ float:left; width:100%; color:#0E1424; font-size:16px; line-height:26px; border:1px solid #d9d9d9; background:#f8f8fa; padding:9px 18px 9px 42px; position:relative; cursor:pointer;}
._probl li h4:after{ float:left; width:10px; height:10px; position:absolute; left:16px; top:17px; content:''; border-top:1px solid #666; border-right:1px solid #666; transform:rotate(45deg); -ms-transform:rotate(45deg);-webkit-transition: all 0.05s ease-out 0s; 
-moz-transition: all 0.05s ease-out 0s; 
-o-transition: all 0.05s ease-out 0s; 
transition: all 0.05s ease-out 0s;   }
._probl li h4.active:after{ transform:rotate(135deg); -ms-transform:rotate(135deg); margin-top:-2px;}
._probl li .ul{ display:none; float:left; width:100%; color:#0E1424; font-size:14px; line-height:28px; border:1px solid #d9d9d9; border-top:none; padding:16px; opacity:0.8;}
@media  screen and (max-width:992px){
._probl ul{ margin:20px 0;}
._probl li h4{ font-size:15px; line-height:25px; padding:8px 12px 8px 30px;}
._probl li h4:after{ left:12px; top:16px; width:8px; height:8px;}
._probl li .ul{ line-height:24px; padding:12px;}


}
@media  screen and (max-width:767px){


}


._Solut .cont{ float:left; width:100%; opacity:0.8; color:#0E1424; font-size:16px; line-height:30px; margin-top:60px;}
._Solut .info{ float:left; width:100%; height:30px;}
@media  screen and (max-width:992px){
._Solut .cont{ font-size:14px; line-height:24px; margin-top:20px;}
._Solut .info{ height:10px;}
}


._advant{ background:#f7f7f9;}
._advant .list{ float:left; width:100%; margin-top:60px;}
._advant .list ul{ display:flex;flex-wrap:wrap; margin:-23px;}
._advant .list ul li{ float:left; width:33.33%; padding:23px;}
._advant .list ul li a{ float:left; width:100%; min-height:100%; position:relative; overflow:hidden; background:#fff;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;  }
._advant .list ul li a:hover{ transform:translateY(-12px); -ms-transform:translateY(-12px); box-shadow:0 5px 10px rgba(0,0,0,0.2);}
._advant .list ul li a i{ float:left; width:100%; line-height:0; overflow:hidden; display:block;}
._advant .list ul li a i img{ width:100%;}
._advant .list ul li .info{ float:left; width:100%; background:#fff; padding:23px 23px;}
._advant .list ul li .info h1{ float:left; width:100%; color:#0E1424; font-size:20px; line-height:30px; letter-spacing:1px; text-align:center;}
._advant .list ul li .info h6{ float:left; width:100%; color:#0E1424; font-size:16px; line-height:26px; opacity:0.8; text-align:center; margin-top:6px;}


@media  screen and (max-width:1230px){
._advant .list ul{ margin:-15px;}
._advant .list ul li{ padding:15px;}	


}
@media  screen and (max-width:992px){
._advant .list{ margin-top:25px;}	
._advant .list ul{ margin:-6px;}
._advant .list ul li{ padding:6px;}	
._advant .list ul li .info{ padding:15px 15px;}	
._advant .list ul li .info h1{ font-size:16px; line-height:26px;}
._advant .list ul li .info h6{ font-size:14px; line-height:24px; margin-top:2px;}
._advant .list ul li a:hover{ transform:none; -ms-transform:none; box-shadow:none;}
}
@media  screen and (max-width:767px){
._advant .list{ padding:0 20px;}	
._advant .list ul li{ width:100%;}
._advant .list ul li i{ padding:20px 20px 0 20px;}	

}

._box{ background:#f7f7f9;}
._box .box{ float:left; width:100%; background:#fff; position:relative; padding:35px 0; display: flex;flex-wrap:wrap;  }
._box .box_l{ float:left; width:200px; border-right:2px solid #dfdfe1;}
._box .box_l h2{ float:left; width:100%; line-height:20px; font-size:20px; color:#285DF2; padding:0 25px;}
._box .pz_SideLayer{ float:left; width:100%; margin-top:10px;}
._box .pz_SideLayer .l1{ float:left; width:100%;}
._box .pz_SideLayer .l1 h5{ float:left; width:100%;}
._box .pz_SideLayer .l1 h5 a{ float:left; width:100%; color:#0E1424; font-size:16px; line-height:40px; padding:0 25px; position:relative;transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;}
._box .pz_SideLayer .l1 h5 a:after,
._box .pz_SideLayer .l1 h5 a:before{ float:left; width:10px; height:1px; content:''; position:absolute; right:15px; top:20px; background:#333844;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  
}
._box .pz_SideLayer .l1 h5 a:after{ transform:rotate(45deg);-ms-transform:rotate(45deg); margin-right:7px;}
._box .pz_SideLayer .l1 h5 a:before{ transform:rotate(135deg);-ms-transform:rotate(135deg);}
._box .pz_SideLayer .l1 h5:hover a{ color:#0043FF;}
._box .pz_SideLayer .l1 h5:hover a:after{ color:#0043FF; border-color:#0043FF;}
._box .pz_SideLayer .l1.active h5 a{ background:#285DF2; color:#fff;}
._box .pz_SideLayer .l1.active h5 a:after,
._box .pz_SideLayer .l1.active h5 a:before{background:#fff;}
._box .pz_SideLayer .l1.active h5 a:after{ transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
._box .pz_SideLayer .l1.active h5 a:before{ transform:rotate(225deg);-ms-transform:rotate(225deg);}

._box .pz_SideLayer .l1 dl{ display:none; float:left; width:100%; background:#d4dffc;}
._box .pz_SideLayer .l1.active dl{ display:block;}
._box .pz_SideLayer .l1 dd{ float:left; width:100%;}
._box .pz_SideLayer .l1 dd a{ float:left; width:100%; color:#0E1424; font-size:14px; line-height:36px; padding:0 25px 0 38px; position:relative;}
._box .pz_SideLayer .l1 dd a:after{ float:left; width:3px; height:0; position:absolute; right:-2px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); background:#0043FF; content:'';-webkit-transition: all 0.15s ease-out 0s; 
-moz-transition: all 0.15s ease-out 0s; 
-o-transition: all 0.15s ease-out 0s; 
transition: all 0.15s ease-out 0s;  
}
._box .pz_SideLayer .l1 dd:hover a{ color:#285DF2;}
._box .pz_SideLayer .l1 dd.on a{ color:#285DF2;}
._box .pz_SideLayer .l1 dd.on a:after{ height:100%; }
._box .box_r{ float:right; width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); padding:0 60px;}
@media  screen and (max-width:1229px){
._box .box_r{ padding:0 40px;}

}
@media  screen and (max-width:992px){
._box .box{ padding:20px 0;}	
._box .box_l{ width:170px; border-right:1px solid #dfdfe1;}
._box .box_l h2{ font-size:18px; line-height:18px; padding:0 15px;}
._box .pz_SideLayer{ margin-top:5px;}
._box .pz_SideLayer .l1 h5 a{ font-size:14px; line-height:44px; padding:2px 15px;}
._box .pz_SideLayer .l1 h5 a:after,
._box .pz_SideLayer .l1 h5 a:before{ right:12px; top:22px;}
._box .pz_SideLayer .l1 dl{ padding:12px 0;}
._box .pz_SideLayer .l1 dd a{ line-height:40px; padding:4px 15px 4px 20px;}
._box .pz_SideLayer .l1 dd a:after{ width:2px; right:-1px;}
._box .box_r{ float:right; width:-webkit-calc(100% - 170px); width:-moz-calc(100% - 170px); width:calc(100% - 170px); padding:0 15px;}

}
@media  screen and (max-width:767px){
._box .box{ padding:0 0 20px 0;}		
._box .box_l{ width:100%; border-right:none; border-bottom:1px solid #dfdfe1;}
._box .box_l h2{ line-height:52px; position:relative;}
._box .box_l h2:after{ float:left; width:10px; height:10px; content:''; position:absolute; right:16px; top:50%; transform:rotate(45deg); -ms-transform:rotate(45deg); border-top:1px solid #ccc; border-right:1px solid #ccc; margin-top:-5px;}
._box .box_r{ width:100% !important; padding:0 12px; margin-top:20px;}
._box .pz_SideLayer{ border-top:1px solid #f5f5f5; margin-top:0; display:none;}
._box .pz_SideLayer .l1.on dl{ display:none;}
._box .pz_SideLayer .l1 dd a:after{ right:0;}

}
._pord_l{ float:left; width:100%;}
._pord_l ul{ margin-bottom:-35px; display: flex; flex-wrap:wrap; }
._pord_l li{ float:left; width:50%; padding:35px 0; border-top:2px solid #eeeff0;}
._pord_l li:nth-child(1),
._pord_l li:nth-child(2){border-top:none;}
._pord_l li a{ float:left; width:100%; text-align:center; display: flex;  justify-content: center;  align-items: center;
 flex-direction:column; padding:10px; border-right:2px solid #eeeff0; }
 ._pord_l li:nth-child(2n) a{border-right:none;}
._pord_l li i{ float:left; width:100%; line-height:0; overflow:hidden;}
._pord_l li i img{ width:100%;}
._pord_l li h1{ float:left; width:100%; line-height:34px; font-size:24px; color:#0E1424;overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin-top:10px;}
._pord_l li h5{ float:left; width:100%; line-height:28px; font-size:18px; color:#0E1424;overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-transform:uppercase; margin:8px 0 14px 0;}
._pord_l li h6{ float:left; width:160px; line-height:40px; font-size:16px; color:#fff; letter-spacing:1px; background:#537df5;}
._pord_l li a h6:hover{ background:#285df2;}
@media  screen and (max-width:1229px){
._pord_l li h1{ font-size:18px; line-height:28px;}
._pord_l li h5{ font-size:16px; line-height:26px;}
._pord_l li h6{ font-size:14px; width:120px; line-height:34px;}

}
@media  screen and (max-width:992px){
._pord .box{ padding:20px 0;}	
._pord_l ul{ margin-bottom:-15px; }	
._pord_l li{ padding:15px 0; border-top:1px solid #eeeff0;}
._pord_l li a{ padding:10px; border-right:1px solid #eeeff0;}
._pord_l li h1{ font-size:16px; line-height:26px; margin-top:5px;}
._pord_l li h5{ font-size:14px; line-height:24px; margin:0 0 5px 0;}
._pord_l li h6{ font-size:12px; width:100px; line-height:30px;}

}
@media  screen and (max-width:767px){


}


._load{ float:left; width:100%;}
._load .tit{ float:left; width:100%; color:#0E1424; font-size:30px; line-height:30px; position:relative; padding-left:22px;}
._load .tit:after{ float:left; width:6px; height:100%; content:''; position:absolute; left:0; top:0; background:#285DF2;}
._load .info{ float:left; width:100%; color:#0E1424; font-size:20px; line-height:30px; margin:31px 0 9px 0;}
._load .cont{ float:left; width:100%; color:#0E1424; font-size:16px; line-height:30px; opacity:0.8;}
._load a{ color:#285DF2; margin-left:22px; text-decoration:underline;}
@media  screen and (max-width:992px){
._load .tit{ font-size:20px; line-height:20px; padding-left:10px;}	
._load .tit:after{ width:3px;}	
._load .info{ font-size:16px; line-height:26px; margin:10px 0 5px 0;}	
._load .cont{ font-size:14px; line-height:24px;}

}

._pord_tit{ float:left; width:100%; color:#0E1424; font-size:30px; line-height:30px; position:relative; padding-left:22px; font-weight:700; margin-bottom:36px;}
._pord_tit:after{ float:left; width:6px; height:100%; content:''; position:absolute; left:0; top:0; background:#285DF2;}
._pord_dt{ float:left; width:100%; position:relative; padding-left:300px; min-height:372px;}
._pord_dt .img{ float:left; width:300px; line-height:0; position:absolute; left:0; top:0; }
._pord_dt .topk{ float:left; width:100%; position:relative;}
._pord_dt .topk .but{ float:left; width:30px; height:30px; background:url(../_im_g/pic_detail_search.png) center no-repeat; position:absolute; right:0; bottom:0; z-index:55;}
._pord_dt .topk:hover .but{ display:none;}
._pord_dt .hometop{ float:left; width:100%; line-height:0; position:relative;}
._pord_dt .hometop .slick-slide{ line-height:0; text-align:center;}
._pord_dt .hometop .slick-slide img{/* background:#f7f7f9;*/}
._pord_dt .hometop .slick-prev,
._pord_dt .hometop .slick-next{ display:none !important; z-index:3;}
._pord_dt .hometop .slick-dots{ display:none !important;}
._pord_dt .downk{ float:left; width:100%; line-height:0; margin-top:12px;}
._pord_dt .homedown{ float:left; width:100%; padding:0 42px;}
._pord_dt .downk .slick-slide{ float:left; width:33.33%; padding:0 6px;}
._pord_dt .downk .imgk img{ width:100%; border:1px solid #fff; background:#f7f7f9; cursor:pointer;}
._pord_dt .downk .slick-current .imgk img{ border:1px solid #285DF2;}
._pord_dt .downk .slick-prev,
._pord_dt .downk .slick-next{ width:24px; height:30px; opacity:0.5; z-index:3;}
._pord_dt .downk .slick-prev:hover,
._pord_dt .downk .slick-next:hover{ opacity:1;}
._pord_dt .downk .slick-prev:after,
._pord_dt .downk .slick-next:after{ width:12px; height:12px; border-bottom:1px solid #285DF2; border-left:1px solid #285DF2; content:''; position:absolute; top:50%; left:50%;}
._pord_dt .downk .slick-prev{ left:8px;}
._pord_dt .downk .slick-next{ right:8px;}
._pord_dt .downk .slick-prev:after{ transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}
._pord_dt .downk .slick-next:after{ transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg);}

._pord_dt .info{ float:right; width:100%; padding-left:30px;}
._pord_dt .info .l1{ float:left; width:100%; color:#0E1424; font-size:28px; line-height:30px; margin-bottom:19px; font-weight:700;}
._pord_dt .info .l2{ float:left; width:100%; color:#0E1424; font-size:20px; line-height:30px;}
._pord_dt .info .l3{ float:left; width:100%; color:#0C132F; font-size:16px; line-height:30px; margin-top:20px; opacity:0.8;overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:120px
}
._pord_dt .info .l3::-webkit-scrollbar {
 width:2px
}
._pord_dt .info .l3::-webkit-scrollbar-track
{
background-color:#285DF2;
 border-radius:2px
}
._pord_dt .info .l3::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#1878f3;
 border-radius:2px
}

._pord_dt .info .l4{ float:left; width:100%; color:#285DF2; font-size:14px; line-height:24px; margin-top:6px;}
._pord_dt .info .p{ float:left;background: rgba(40,93,242,0.10); border: 1px solid rgba(40,93,242,0.30); margin-top:10px; margin-right:24px; padding:2px 10px;}
._pord_dt .info .line{ float:left; width:100%; height:2px; background:#eeeff0; margin:40px 0 35px 0;}
._pord_tab{ float:left; width:100%; margin-top:36px;}
._pord_tab .hd{ float:left; width:100%; border-bottom:2px solid #eeeff0;}
._pord_tab .hd ul{ float:left; width:100%; position:relative;}
._pord_tab .hd ul p{ float:left; width:72px; height:4px; position:absolute; left:0; bottom:-1px; background:#285DF2; }
._pord_tab .hd ul li{ float:left; opacity:0.8; color:#0E1424; font-size:18px; line-height:56px; position:relative;}
._pord_tab .hd ul li span{ cursor:pointer; margin-right:32px;}
._pord_tab .hd ul li.on{ opacity:1; color:#285DF2;}
._pord_tab .bd{ float:left; width:100%;}
._pord_tab .bd .ul{ float:left; width:100%; color:#0E1424; font-size:16px; line-height:30px; overflow:hidden;
 overflow-x:auto;
 scrollbar-width:thin; max-width:100%;
}
._pord_tab .bd .ul::-webkit-scrollbar {
 height:3px
}
._pord_tab .bd .ul::-webkit-scrollbar-track
{
background-color:#e5e5e5;
 border-radius:3px
}
._pord_tab .bd .ul::-webkit-scrollbar-thumb {
 height:3px;
 width:3px;
 background-color:#285DF2;
 border-radius:3px
}
._pord_tab .bd .ul .tit{ float:left; width:100%; color:#0E1424; font-size:20px; line-height:30px; margin-top:31px;}
._pord_tab .bd .ul .cont{ float:left; width:100%; margin-top:10px; opacity:0.8;}
._pord_tab .bd .ul .p{ float:left; width:100%; position:relative; padding-left:20px;}
._pord_tab .bd .ul .p:after{ float:left; width:8px; height:8px; content:''; position:absolute; left:0; top:11px; background:#0E1424; border-radius:50%;}
._pord_tab .bd ._list{ float:left; width:100%; margin-top:35px;}
._pord_tab .bd ._list ._li{ float:left; width:100%; color:#0E1424; font-size:16px; line-height:26px; background:#fbfbfc; display: flex;
flex-wrap:wrap;}
._pord_tab .bd ._list ._li .li{ float:left; padding:9px 35px; border:1px solid #eeeff0;}
._pord_tab .bd ._list ._li .li:nth-child(2n+1){ background:#f8f8fa; width:23%;}
._pord_tab .bd ._list ._li .li:nth-child(2n+2){ width:77%;}

._pord_tab ._tab{ float:left; width:100%; margin-top:37px;}
._pord_tab ._tab li{ float:left; width:100%; margin-top:-1px;}
._pord_tab ._tab li h4{ float:left; width:100%; color:#0E1424; font-size:16px; line-height:26px; border:1px solid #eeeff0; padding:9px 18px 9px 42px; position:relative; cursor:pointer;}
._pord_tab ._tab li h4:after{ float:left; width:10px; height:10px; position:absolute; left:16px; top:17px; content:''; border-top:1px solid #0E1424; border-right:1px solid #0E1424; transform:rotate(45deg); -ms-transform:rotate(45deg);-webkit-transition: all 0.05s ease-out 0s;
    -moz-transition: all 0.05s ease-out 0s;
    -o-transition: all 0.05s ease-out 0s;
    transition: all 0.05s ease-out 0s;}
._pord_tab ._tab li.on h4:after{ transform:rotate(135deg); -ms-transform:rotate(135deg); margin-top:-2px;}
._pord_tab ._tab li .ul{ display:none; float:left; width:100%; color:#0E1424; font-size:14px; line-height:28px; border:1px solid #eeeff0; border-top:none; padding:16px;}
._pord_tab ._down{ display:none; float:left; width:100%;border:1px solid #eeeff0; border-top: none; padding:2px 42px 22px 42px;}
._pord_tab ._down .info{ float:left; width:100%; color:#0E1424; font-size:16px; line-height:26px; margin:20px 0 9px 0;}
._pord_tab ._down ._p{ float:left; width:100%; color:#0E1424; font-size:14px; line-height:28px; opacity:0.8;}
._pord_tab ._down a{ color:#285DF2; margin-left:22px; text-decoration:underline;}



@media  screen and (max-width:1230px){
._pord_tab .bd ._list ._li li{ padding:9px 20px;}

}
@media  screen and (max-width:992px){
._pord_tit{ font-size:20px; line-height:20px; padding-left:10px; margin-bottom:20px;}	
._pord_tit:after{ width:3px;}	
._pord_dt{ min-height:292px; padding-left:240px;}
._pord_dt .img{ width:240px;}
._pord_dt .info{ padding-left:15px;}	
._pord_dt .info .l1{ font-size:18px; line-height:20px; margin-bottom:7px;}
._pord_dt .info .l2{ font-size:16px; line-height:26px;}
._pord_dt .info .l3{ font-size:14px; line-height:24px; margin-top:5px;}
._pord_dt .info .l4{ font-size:12px; line-height:22px; margin-top:2px;}
._pord_dt .info .p{ margin-right:8px; margin-top:8px; padding:0 6px;}
._pord_dt .info .line{ height:1px; margin:13px 0 8px 0;}
._pord_tab{ margin-top:10px;}
._pord_tab .hd{ border-bottom:1px solid #eeeff0;}
._pord_tab .hd ul li{ font-size:14px; line-height:40px;}
._pord_tab .hd ul li span{ margin-right:16px;}
._pord_tab .hd ul p{ width:56px; height:3px;}
._pord_tab .bd .ul{ font-size:14px; line-height:24px;}
._pord_tab .bd .ul .tit{ font-size:16px; line-height:26px; margin-top:15px;}
._pord_tab .bd .ul .cont{ margin-top:5px;}
._pord_tab .bd .ul .p{ padding-left:10px;}
._pord_tab .bd .ul .p:after{ width:4px; height:4px; top:10px;}
._pord_tab .bd ._list{ margin-top:15px;}
._pord_tab .bd ._list ._li li{ padding:6px 12px; font-size:14px; line-height:24px;}


._pord_tab ._tab{ margin-top:16px;}
._pord_tab ._tab li{ margin-top:-1px;}
._pord_tab ._tab li h4{ font-size:15px; line-height:25px; padding:6px 12px 6px 30px; border:1px solid #eeeff0;}
._pord_tab ._tab li h4:after{ left:12px; top:14px; width:8px; height:8px;}
._pord_tab ._tab li .ul{ line-height:24px; padding:12px;}
	
._pord_tab ._down{ border:1px solid #eeeff0; border-top: none; padding:7px 12px 17px 12px;}	
._pord_tab ._down .info{ font-size:16px; line-height:26px; margin:10px 0 5px 0;}	
._pord_tab ._down ._p{ font-size:14px; line-height:24px;}


}
@media  screen and (max-width:767px){
._pord_dt{ padding-left:0;}	
._pord_dt .img{ width:100%; position:relative;}
._pord_dt .info{ width:100%; margin-top:18px; padding-left:0;}
._pord_dt .info .l3{max-height:none;}
._pord_dt .hometop .slick-slide img{ width:100%;}
._pord_dt .topk .but{ display:none;}
._pord_tab .bd ._list ._li li{ font-size:13px; line-height:20px;}
._pord_tab .bd ._list ._li li:nth-child(2n+1){ width:30%;}
._pord_tab .bd ._list ._li li:nth-child(2n+2){ width:70%;}

}

.topk_tc{ float:left; width:100%; height:100%; position:fixed; left:100%; top:0; z-index:16; background:rgba(0,0,0,0.8);}
.topk_tc.active{ left:0;}
.topk_tc .colse{ width:30px; height:30px; position:fixed; top:15px; left:100%;}
.topk_tc.active .colse{ margin-left:-40px;}
.topk_tc .colse:after,
.topk_tc .colse:before{ float:left; content:''; position:absolute; left:50%; top:50%; background:#fff;transform: translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}
.topk_tc .colse:after{ width:2px; height:16px;}
.topk_tc .colse:before{ width:16px; height:2px;}
.topk_tc ._tc{ float:left; width:80%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); line-height:0; background:#fff;}
.topk_tc ._tc .li{ float:left; width:100%;}
.topk_tc ._tc .li img{ width:100%;}
.topk_tc ._tc .slick-prev,
.topk_tc ._tc .slick-next{ width:18px; height:18px; z-index:3; border-bottom:2px solid #fff; border-left:2px solid #fff; opacity:0.9;}
.topk_tc ._tc .slick-prev{ left:-22px; transform: translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.topk_tc ._tc .slick-next{ right:-22px; transform:translate(0,-50%) rotate(225deg); -ms-transform:translate(0,-50%) rotate(225deg);}


._honor{ background:#f7f7f9;}
._honor .list{ float:left; width:100%; margin-top:60px;}
._honor .list ul{ display:flex;  flex-wrap: wrap; margin:-22px -10px; }
._honor .list li{ float:left; width:25%; padding:22px 10px;}
._honor .list li a{ float:left; width:100%;-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;  
}
._honor .list li i{ float:left; width:100%; line-height:0; overflow:hidden; border:8px solid #1C253F; padding:16px;}
._honor .list li i img{ width:100%;}
._honor .list li a:hover{ transform:translateY(-12px); -ms-transform:translateY(-12px);}
._honor .list li .info{ float:left; width:100%; margin-top:18px; color:#0E1424; font-size:16px; line-height:26px; text-align:center;}
._honor .list li a:hover i{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}

@media  screen and (max-width:1230px){
._honor .list ul{ margin:-12px -10px; }
._honor .list li{ padding:12px 10px;}
._honor .list li i{ border:4px solid #1C253F; padding:8px;}

}
@media  screen and (max-width:992px){
._honor .list{ margin-top:20px;}	
._honor .list ul{ margin:-8px -6px; }
._honor .list li{ padding:8px 6px;}
._honor .list li i{ border:2px solid #1C253F; padding:4px;}	
._honor .list li .info{ font-size:14px; line-height:20px; margin-top:10px;}

}
@media  screen and (max-width:767px){
._honor .list li{ width:50%;}

}

._Join .cont{ float:left; width:100%; margin-top:60px;}
._Join .cont .img{ float:left; width:34.16%; line-height:0;}
._Join .cont .info{ float:right; width:55%; margin-top:35px;}
._Join .cont .info h1{ float:left; width:100%; color:#0E1424; font-size:16px; line-height:26px; margin-bottom:10px;}
._Join .cont .info .dl{ float:left; width:100%;}
._Join .cont .info .p{ float:left; width:100%;color: rgba(14,20,36,0.70); font-size:14px; line-height:26px; margin-top:20px; background:#f7f7f9; padding:17px 16px 17px 72px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; position:relative;}
._Join .cont .info .p a{color: rgba(14,20,36,0.70);transition:none; -moz-transition:none;-webkit-transition:none; -o-transition:none;}
._Join .cont .info .p img{position:absolute; left:16px; top:10px; width:40px; height:40px;}
._Join .cont .info .p:first-child:hover a{ color:#5DD5C8;}
._Join .cont .info .p:hover a{color:#E57E00}

@media  screen and (max-width:1230px){


}
@media  screen and (max-width:992px){
._Join .cont{ margin-top:20px;}
._Join .cont .info h1{ font-size:14px; line-height:24px; margin-bottom:4px;}
._Join .cont .info{ margin-top:15px;}
._Join .cont .info .p{ margin-top:12px; font-size:14px; line-height:24px; padding:17px 16px 17px 72px;}


}
@media  screen and (max-width:767px){
._Join .cont .img{ width:100%; text-align:center;}
._Join .cont .img img{ width:200px;}
._Join .cont .info{ width:100%; margin-top:10px;}

}

._about_c{ background:#f7f7f9;}
._about_c .cont{ float:left; width:100%; color:#0E1424; font-size:14px; line-height:30px; margin:60px 0;}
._about_c .img{ float:left; width:100%;}
._about_t{ background:#f7f7f9;}
._about_t ul{ float:left; width:100%; position:relative; top:0; margin-top:-60px; z-index:6; display: flex; flex-wrap: wrap; justify-content: space-between;}
._about_t li{ float:left; width:30%; position:relative; border-radius:8px; min-height:120px; box-shadow:0 2px 4px rgba(0,0,0,0.1); padding:27px 30px 27px 120px;}
._about_t li i{ float:left; width:48px; height:48px; display:block; line-height:0; position:absolute; left:36px; top:36px;-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;  
}
._about_t li h1{ color:#285DF2; font-size:24px; line-height:34px;}
._about_t li h6{ color:#0E1424; font-size:16px; line-height:26px; margin-top:6px;}
._about_t li:hover i{ transform:translateX(8px); -ms-transform:translateX(8px);}

@media  screen and (max-width:1230px){
._about_t li{ padding:27px 20px 27px 88px;}
._about_t li i{ left:20px;}

}
@media  screen and (max-width:992px){
._about_c .cont{ font-size:14px; line-height:24px; margin:20px 0;}
._about_t ul{ margin-top:-41px;}
._about_t li{ width:32%; padding:15px 15px 15px 66px; min-height:82px;}
._about_t li i{ width:36px; height:36px; top:23px; left:15px;}
._about_t li h1{ font-size:18px; line-height:26px;}
._about_t li h6{ font-size:14px; line-height:22px; margin-top:3px;}

}
@media  screen and (max-width:767px){
._about_t li{ width:100%; margin-top:12px; min-height:60px; padding:10px 15px 10px 66px;}
._about_t li h6{ margin-top:0;}
._about_t li i{ top:16px;}
._about_t li:hover i{ transform:translateX(4px); -ms-transform:translateX(4px);}

}


._hist_ico{ float:left; width:100%; line-height:0; margin:60px 0 30px 0; text-align:center;}
._hist_ico img{ width:60px; height:60px;}
._hist .list{ float:left; width:100%; position:relative; padding:36px 0;}
._hist .list:after{ float:left; width:2px; height:100%; content:''; position:absolute; left:50%; top:0; margin-left:-1px; background:#f7f7f9; z-index:1;}
._hist .list li{ float:left; width:100%; position:relative; z-index:3; margin-bottom:10px;}
._hist .list li:after{ float:left; width:16px; height:16px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background:#CFD0D3; content:''; }
._hist .list li:before{ float:left; width:20px; height:20px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); border:1px solid #CFD0D3; content:'';}
._hist .list li .year{ float:left; width:47%; text-align:right; color:#0E1424; font-size:48px; line-height:58px; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%);}
._hist .list li .info{ float:right; width:41.5%; background:#f7f7f9; color:#0E1424; font-size:14px; line-height:24px; padding:12px 18px; border:2px solid #f7f7f9;}
._hist .list li .info .p{ float:left; width:100%; position:relative; padding-left:22px; margin:3px 0;}
._hist .list li .info .p:after{ float:left; width:5px; height:5px; content:''; position:absolute; left:0; top:9px; border-radius:50%; background:#0E1424;}
._hist .list li.mt{ margin-top:76px;}
._hist .list li:nth-child(2n) .info{ float:left;}
._hist .list li:nth-child(2n) .year{ float:right; text-align:left; left:auto; right:0;}

._hist .list li:hover:after{ background:#255bf2;}
._hist .list li:hover:before{ border:1px solid #255bf2;}
._hist .list li:hover .year{ color:#255bf2;}
._hist .list li:hover .info{ border:2px solid #255bf2;}


@media  screen and (max-width:1230px){
._hist .list li .year{ font-size:36px; line-height:46px;}

}
@media  screen and (max-width:992px){
._hist_ico{ margin:15px 0 15px 0;}
._hist_ico img{ width:40px; height:40px;}
._hist .list{ padding:20px 0;}
._hist .list li.mt{ margin-top:20px;}
._hist .list li:after{ width:10px; height:10px;}
._hist .list li:before{ width:14px; height:14px;}
._hist .list li .info{ width:46%; padding:12px 12px; border:1px solid #f7f7f9;}
._hist .list li .info:hover{ border:1px solid #255bf2;}
._hist .list li .info .p{ padding-left:12px; margin:2px 0;}
._hist .list li .year{ font-size:24px; line-height:34px; transform:none; -ms-transform:none;}

}
@media  screen and (max-width:767px){	
._hist .list li.mt{ margin-top:0;}
._hist .list:after{ left:7px;}
._hist .list li{ padding-left:30px;}	
._hist .list li:after{ left:7px; top:16px;}
._hist .list li:before{ left:7px; top:16px;}
._hist .list li .year{ width:100%; text-align:left !important; position:static; margin-bottom:10px; font-size:22px;}
._hist .list li .info{ width:100%;}
._hist_ico{ text-align:left; margin:15px 0 -3px 0;}
._hist_ico img{ position:relative; margin-left:-13px;}



}



.jqzoom{position:relative;}
div.zoomdiv {
z-index: 5;
position: absolute;
top: 0px !important;
left: 100% !important; margin-left:12px;
width:300px !important;
height:300px !important;
 background: #fff;  border:1px solid rgba(14,20,36,0.20);
display:none;
text-align: center;
overflow: hidden;
}
div.zoomdiv img{max-width: none;}
div.jqZoomPup {
z-index: 5;
position: absolute;
bottom:0px;
right:0px;
width: 150px !important;
height: 150px !important;
border:none;
background:url(../_im_g/pic_detail_enlarge.png) center no-repeat;
}
@media  screen and (max-width:992px){
.jqzoom{position:relative;}
div.zoomdiv {
width:240px !important;
height:240px !important;}
div.jqZoomPup{width:120px !important; height: 120px !important;}
}
@media  screen and (max-width:767px){
._pord_dt .topk{ width:100%;}
div.zoomdiv{ width:100% !important; left:0% !important; top:82% !important; margin:0 !important;}
	
}
.pz_fy{width:100%; float:left; padding:70px 0 0 0; text-align:center;display:inline}
.pz_fy a { padding:0 20px; font-size:24px; color:#8e8e8e; font-family:Arial;}
.pz_fy a:hover,
.pz_fy a.on{color:#1e1e1e;}
@media  screen and (max-width: 991px){
.pz_fy{ padding:30px 0 0 0;}
.pz_fy a { padding:0 5px; font-size:16px;}
}	
/*

@media  screen and (max-width:1230px){


}
@media  screen and (max-width:992px){


}
@media  screen and (max-width:767px){


}

*/




















